{{define "title"}}Auth Service - Group Listing{{end}}

{{define "content"}}

<script type="text/javascript" src="/ui/static/js/listing.js"></script>

<template id="descendant-item-template">
  <tr>
    <td>
      <a></a>
    </td>
  </tr>
</template>

<template id="group-listing-template">
  <div class="row text-center">
    <div class="h4 my-0">
      <a id="title"></a>
    </div>
    <div id="summary-totals" class="small text-muted">
    </div>
  </div>

  <hr />

  <div class="row">
    <div class="col-8 border-end">
      <div class="h4">
        Members
      </div>
      <div>
        <table id="members-table" class="table table-sm table-borderless my-0">
          <tbody>
            <tr>
              <td>
                <i class="text-muted">No members</i>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="col-4">
      <div class="h4">
        Nested groups
      </div>
      <div>
        <table id="nested-groups-table" class="table table-sm table-borderless my-0">
          <tbody>
            <tr>
              <td>
                <i class="text-muted">No nested groups</i>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</template>

<div class="container px-0" id="content-box">
  <!-- Placeholder for loading box. -->
  <div id="loading-box-placeholder"></div>

  <!-- Placeholder for listing results. -->
  <div id="group-listing" class="col px-0"></div>

  <!-- Placeholder for listing error. -->
  <div id="api-error-placeholder"></div>
</div>

{{end}}